Pixels of the Week – May 12, 2017

Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools  and useful resources, inspiration on twitter and other social networks.

This week’s selection: flexbox, data table design, modales, more inclusive design (avatars and illustrations), e-commerce UX, User research, font, SEO, CSS filters and blend-mode and beginner design advice.

You can follow me on twitter to get a dose of links every days.

I published something this week

#Flexbox

Fun places to learn CSS Layout –  Part 1: Flexbox

TL;DNR the one you should not miss

#Table #Data

You are going to want to bookmark this for the next time you need to design Data
Tables, lots of visual patterns: Design Better Data Tables – The ingredients of a successful data table user interface design

Interesting article

#Mobile First

Mobile First, Desktop Worst – great read

#Forms

It’s not you, it’s your form – on how to not mess up your forms (yep I’m currently really tired of bad forms)

#Modales

“Stop Shaming Your Users for Micro Conversions” Yes Yes Yes ?

#Mobile

“Have Web Standards on Mobile Caught Up to Phonegap in 2017? Pt. 1” Interesting question 🙂

#UX #E-commerce

Size and layout of e-commerce product grids: a user research case study

#User Research

User Research When You Can’t Talk to Your Users

#Design #Icon #Inclusive

Design avatars that make sense — and be more inclusive in the process

#Design

Design technique: Progressive Disclosure

#SEO #Banners

Intrusive popups, banners or overlays (called interstitials) can be penalized

#Beginers

A few 5 minutes tips to help students and beginners in the design industry: How to not suck at design, a 5 minute guide for the non-designer.

Inspiration and Great ideas

#Font #Inspiration

A nice place to find font inspiration

#Illustrations

Inclusiveness in illustration for WordPress, really nice article and cute illustrations ?

Webdesign news

#CSS

What’s happening in CSS? A few interesting links to keep up to date

Tutorials

#CSS #Filter

An Introduction To CSS Filters

#CSS #Blend-mode

Methods for Contrasting Text Against Backgrounds – cool blend-mode and filter effect

Useful resources, tools and plugins that will make your life easy

#SVG

Vecteezy Editor, a Free Online SVG Editor and SVGito, an SVG Optimizer tool 🙂